
$(document).ready(function () {

    //点击“添加新学生”按钮，弹出用于添加学生的模态框
    $("#btn_showAddModal").click(function () {
        $("#add_form")[0].reset();
        $("#add_modal").modal("show");
    });

    //点击“保存添加”按钮，发送请求给ass这个Servlet，添加新学生到数据库

    $("#btn_add").click(function () {
        $.ajax({
            url: "abs",
            type: "POST",
            data: $("#add_form").serialize(),
            success: function (rows) {
                if (rows != 1) {
                    alert("添加失败"+rows);
                    return;
                }
                var str = "<div class=\"text-center caption\"><a class=\"item\" target=\"_blank\" href=\"gbis?bId=" +$("#add_form #ibId").val()+ "><p>"
       +"<table class=\"table\">"
                        + "<tr id=\"tr" + $("#add_form #ibId").val() + "\">"
                        + "<td>" + "<h4>"+$("#add_form #ibId").val() + "</h4>"+ "</td>&nbsp;"
                        + "<td>" +"<h4>"+ $("#add_form #ibName").val() + "</h4>"+"</td>&nbsp;"
                        + "<td><img src=\"images/" + $("#add_form #ibCover").val() + " alt=\""+$("#add_form #ibName").val()+"\"></td>"
                        + "<td>[" +"<h4>"+ $("#add_form #ibrating").val() + "</h4>"+"]</td>"
                        + "</tr></table></p></a><br>"
                        + "<a class=\"btn btn-primary link_showAddModal glyphicon glyphicon-scissors\" role=\"button\" href=\"javascript:showModifyModal('#tr" + $("#add_form #ibId").val() + "');\">编辑</a>"
                        + "<a class=\"btn btn-default glyphicon glyphicon-remove\" role=\"button\" href=\"javascript:deleteStudent('" + $("#add_form #ibId").val() + "');\">删除</a></div>";
                $(".bookGallery").append(str);
                $("#add_modal").modal("hide");
                alert("添加成功，请到页面底部查看！");
            },
            error: function () {
                alert("请求处理出错，添加失败！");
            }
        });
    });

    //点击“保存修改”按钮，发送请求给mss这个Servlet，修改数据库中对应学生的信息
    $("#btn_modify").click(function () {
        $.ajax({
            url: "mbs",
            type: "POST",
            data: $("#modify_form").serialize(),
            success: function (rows) {
                if (rows != 1) {
                    alert("修改失败"+rows);
                    return;
                }
                var rowId = "#tr" + $("#modify_form #ibId").val();
                $(rowId + " td:eq(1)").text($("#modify_form #ibName").val());
                $(rowId + " td:eq(2)").text($("#modify_form #ibrating").val());
                 alert("修改成功请刷新页面查看");
                $("#modify_modal").modal("hide");
            },
            error: function () {
                alert("请求处理出错，添加失败！");
            }
        });
    });
});

//点击“编辑”超链接执行的函数，弹出用于编辑学生信息的模态框
function showModifyModal(rowId) {
   $("#modify_modal #ibId").val($(rowId + " td:eq(0)").text());
    $("#modify_modal #ibName").val($(rowId + " td:eq(1)").text());
    $("#modify_modal").modal("show");
}

//这里是自定义的函数deleteStudent()，用于根据学号删除一个学生
//函数需要传入一个字符串表示的学号，知道要删除哪个学生
function deleteBook(bId) {
    //调用jQuery的ajax()函数可发送ajax请求
    //这里使用一个json对象给出该函数需要的参数
    $.ajax({
        url: 'dobs', //url指定请求的资源的url，doss表示的是一个Servlet
        type: 'GET', //type指定提交请求的方式是GET还是POST
        data: {sid: bId}, //data指定要提交的请求参数，可用查询字符串或json对象表示参数，这里用了json对象，说明提交一个请求参数，参数名是sid，参数值是函数参数rollno的值
        success: function () {
             alert("删除成功请刷新页面查看" );
             ////success指定请求处理成功要执行的代码，用一个匿名函数表示
            //如果能执行到success的函数，说明数据库删除了，然后将对应的tr元素删除即可
            $("#tr" + bId).remove();
        },
        error: function (req, status, error) { //error指定如果请求处理失败要执行的代码，用一个匿名函数表示
            alert("请求处理出错，错误信息：" + error);
        }
    });
}